<template>
	<div class="index-container">
		<section class="index-toolbar">
			<ToolBar />
		</section>
    <router-view />
	</div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import ToolBar from '/@/components/IndexToolbar/index.vue'
export default defineComponent({
	name: 'index-layout-page',
  components: {
    ToolBar
  },
	setup() {},
});
</script>
<style lang="scss" scoped>
.index-toolbar {
	width: 100%;
	height: 60px;
	position: sticky;
  background: #fff;
	top: 0;
	z-index: 999;
}
.index-container {
	scroll-snap-type: y mandatory;
	scroll-padding: 60px;
	overflow: scroll;
	height: 100vh;
}
.index-item {
	width: 100vm;
	height: 100vh;
	scroll-snap-align: start;
}
</style>
